
html,
body {
  font-size: 14px;
}
:root {
  --el-form-label-font-size: 14px;
}

.flex {
  display: flex;
}
.flex-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-vc {
  display: flex;
  align-items: center;
}
.flex-hc {
  display: flex;
  justify-content: center;
}

// 文字超出就以省略号显示
.text-over-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.split-line {
  width: 100%;
  height: 1px;
  background-color: #b0d5f9;
  margin: 20px 0px;
  display: block;
}

// 使用于span上的小按钮
.tk-btn {   
  text-align: center;
  padding: 8px 10px;
  background: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
  color: #fff;
  border-radius: 4px;
  &:active {
    background: #fcdd52;
  }
  i{
    margin-right: 5px;
  }
}

// 消息确认框弹窗
.hz-message-box.el-message-box {
  .el-button {
    width: 84px;
  }
}

// 双按钮样式
.hz-footer-button-box {
  width: 100%;
  min-width: 300px;
  display: flex;
  justify-content: center;
  .el-button {
    width: 84px;
  }
}

// 搜索框区域
.search-form.el-form {
  padding: 0;
  padding-bottom: 0px;
  margin-bottom: 10px;
  &>* {
    display: inline-flex;
    vertical-align: middle;
  }
  .el-form-item {
    margin-bottom: 12px;
    margin-right: 24px;
    .el-form-item__content {
      width: 200px;
    }
  }
}

#app~div, #app {
  .el-table {
    color: rgba(0,0,0,.65);
    &.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
      background-color: #ddf8fe;
    }
    thead {
      color: #000;
      th {
        font-weight: 500;
      }
      th.el-table__cell {
        background-color: rgb(214 236 251);
        // background-color: #fbfbfb;
      }
    }
    .el-table__cell {
      padding: 10px 0px;
    }
  }
  
  .el-button:not(.is-link) {
    padding: 8px 24px;
  }
}
.el-form {
  .el-select, .el-input {
    width: 200px
  }
}
.fixed-label-width .el-form-item__label {
  width: 100px;
}
.el-input.el-input-money {
  .el-input__wrapper {
    padding: 0px 5px;
  }
  .el-input__inner {
    height: 26px;
    line-height: 26px;
  }
}

// 分页组件盒子
.hx-pagination-box {
  margin-top: 20px;
}
// dialog的底部区域
.dialog-footer.my-dialog-foot {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
// 搜索栏按钮
.search-btn-block {
  &>button {
    margin-bottom: 12px;
    margin-right: 12px;
  }
  .el-button+.el-button {
    margin-left: 0px;
  }
}
.my-dialog-form .el-form-item {
  display: flex;
  justify-content: center;
  .el-form-item__content {
    flex: unset;
  }
}
.el-dialog__header {
  margin-right: 0px !important;
  border-bottom: 1px solid #b3cbf7;
}

//  滚动条 --------------------
 *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  /*// 滑块颜色*/
  background: #ccc;
  border-radius: 5px;
}

/* // 兼容Firefox、IE */
* {
  scrollbar-width: 10px;
  scrollbar-base-color: green;
  scrollbar-track-color: red;
  scrollbar-arrow-color: blue;
}
//  滚动条 --------------------